<template>
  <div class="empty">
    <div class="empty_pic"></div>
    <div class="empty_words">{{message}}</div>
  </div>
</template>
<script>
export default {
  data () {
    return {
    }
  },
  props: {
    message: { type: String, default: '' }
  },
  created () {
  },
  methods: {
  }
}
</script>
<style scoped>
.empty {
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translateX(-40%) translateY(-50%);
}
.empty .empty_pic {
  width: 232rpx;
  height: 242rpx;
  background: url(http://mytimg.178mr.com/none_mysalary.png) no-repeat center center;
  background-size: 100%;
  margin: 0 auto;
}
.empty .empty_words {
  width: 100%;
  text-align: center;
  margin-top: 48rpx;
  font-size: 28rpx;
  font-weight: 400;
  color: rgba(102, 102, 102, 1);
}
</style>

